@import url('https://fonts.googleapis.com/css2?family=Alata&display=swap');


/*  font-family: "Alata", sans-serif;
  font-weight: 400;
  font-style: normal;
*/
   
    #cssmenu
        {
    background-color: #fff;    
    height: 88px;
    }
    
   .topbar-companylogo {
    position: absolute;
        top: 5px;
        width: 200px;
        height: auto;
 }
    #cssmenu > ul > li > a {
    color: #760e50;
    font-weight: 500;
    font-size: 14px;
}
    
    body 
    {
        background-color: #f7f5f4!important;
         color: #1c1c1c;
       
    }
.stickytop{
        background-color: #f7f5f4!important;
         color: #1c1c1c;
       
    }
    
 .techotel-top-image
{  
    background-position: middle;
}

  @media (min-width: 768px){
.techotel-top-image {
    height: auto;
    min-height: 500px;
}
}
.topbaner-h1-text{
    color: #fff;
   font-family: "Alata", serif;
   font-weight: 400;
   text-transform:uppercase;
   
}
.topbaner-h2-text{
    color: #fff;
font-family: "Alata", sans-serif;
    font-weight: 400;
    font-size: 45px;
    
   
}
@media (max-width: 768px){.topbaner-h2-text{
    color: #fff;
font-family: "Alata", sans-serif;
    font-weight: 400;
    font-size: 25px;
}
   
}
    
    /* Generel skrifttype og baggrundsfarve */
    #reservationadmincontainer .reservation-admin #orderitemssubpage {
        background-color: #f7f5f4;
        font-family: "Alata", sans-serif;
       color: #1c1c1c;
        font-size: 16px;
        background-color: #f7f5f4;
    }
    .introheadertext
    {
         font-size: 18px!important;
        font-family: "Alata", sans-serif;
        margin-top: 2em;
        margin-bottom: 2em;
        color: #06032a;
    }
.introheadertext a
    {
        color: #760e50;
         }
    .introheadertext p
    {
         font-size: 0.9em!important;
        font-family: "Alata", sans-serif;
         
    }
    /* Generel knapper og varegruppe-overskrifter*/
     .btn-primary
    {
        background-color: #fff;
        border-color: #831f28;
        box-shadow: none;
        color: #831f28;
      
    }
    
    
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-primary {
    background-color: #f7f5f4;
    border: none;
    box-shadow: none;
    color: #1c1c1c;
    border-radius: 0;
    /* font-weight: 500; */
    font-size: 23px;
    font-family: 'Alata';
}
     #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-primary:hover {
        color: #fff;
        background-color: #760e50;
     }
     
     
    /* Generel outline knapper (vises i dropdowns) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary {
         
        box-shadow: none;
        color: #760e50;
    border-color: #f7f5f4;
    background-color:#f7f5f4;
     font-weight: 500;
     font-size: 18px;
         border-radius: 0;
         text-transform:uppercase;
    }
      #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary: hover
      {
         
        background-color: #fff;
         
        }
     #reservationadmincontainer .reservation-admin #orderitemssubpage .item .btn-outline-primary {

   min-width: 119px;
   background-color: #660c45;
   border-color: #660c45;
   color: #fff;
   font-size: 14px;

    }
    
     /* topbar over varer til datoskift */
  #orderitemsdeliverydatetop
    {
            font-family: "Alata", sans-serif;
            font-size: 1.4em;
    font-weight: 400!important;
    }
    
    #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary:hover {
          
         
            background-color: #660c45;
            color: #fff;
    }

 #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary .fa-calendar-alt:hover {
         color: #660c45;
        
    }
    /* Toppanel venstre (varegrupper) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsnavigationpanel #selectitemgroupdropdown button.btn-outline-primary {
            color: #760e50;
   /*  background-color: #fff;
    border-color: #ffffff; */
    font-weight: 500;
    text-transform: uppercase;
    border: #760e50 solid 2px;
    }
      #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsnavigationpanel #selectitemgroupdropdown button.btn-outline-primary:hover {
            
    background-color: #fff; 
    }
    /* Toppanel venstre (varegrupper) - dropdown  */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsnavigationpanel #selectitemgroupdropdown .dropdown-menu {
        
    }
    /* Toppanel venstre (varegrupper) - dropdown - knapper  */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsnavigationpanel #selectitemgroupdropdown .dropdown-menu .btn-outline-primary
    { background-color: #fff;
    text-align: left;
    color: #1c1c1c;
    border: none;
    font-weight: 400;
     }
     #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsnavigationpanel #selectitemgroupdropdown .dropdown-menu .btn-outline-primary:hover
    { background-color: #760e50;
     
    color: #fff;
     
     }
     #orderitemstopbar #orderitemscampaigndiv #orderitemscampaigntext 
     {
      font-size: 16px!important;
      font-family: "Alata", sans-serif;
      background-color: #fff;
}
.readonly-into
{
      font-size: 14px!important;
      font-family: "Alata", sans-serif;
      color: #9f1a47;
      white-space: normal;
      
}
readonly-into:hover
{
      
      color: #ccc;
      
}
#orderitemscampaignreadonly
{
      font-size: 14px!important;
      font-family: "Alata", sans-serif;
      text-transform:uppercase;
       
}
    /* Toppanel højre (indkøbskurv) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket {
        background-color: #760e50;
        color: #fff;
       
        font-weight: 400;
        font-size: 18px!important;
    }
    /* Toppanel højre (indkøbskurv) - Antal varer i kurven */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket .btn-primary {
        color: #760e50;
    background-color: #f7f5f4;
    font-weight: 700;
    font-family: 'Alata', sans-serif;
         font-size: 16px;
    }
    /* Toppanel højre (indkøbskurv) - Totalbeløb */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsshoppingbasket .orderitemstotalamount {
    }


    /* Indkøbskurv popup */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket {
        background-color: #f7f5f4;
            color: #1c1c1c;
               
    }
    /* Indkøbskurv popup - +/- knapper */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketitems .btn-primary {
                color: #fff;
        background-color: #760e50;
    border-color: #660c45;
        font-size: 14px;
    }
    /* Indkøbskurv popup - bundpanel */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom  {
        background-color: #f7f5f4;
            padding: 15px;
    }
    /* Indkøbskurv popup - header*/
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .header {
    }
    /* Indkøbskurv popup - dropdowns */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .dropdown .btn-outline-primary {
         background-color: #b03a84;
      color: #fff;
      font-size: 1.4em;
    text-align: left;
    border-color:#760e50;
      }
      #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom .dropdown .btn-outline-primary:hover {
         background-color: #660c45;
       
     

    }
     /* Indkøbskurv popup - inputfelter */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom input, #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom select {
      background-color: #ffffff !important;
    color: #1c1c1c !important;
      border-color:#f7f5f4;
       
    } 
    
    #orderitemscomment{
     background-color: #ffffff !important;
    color: #1c1c1c !important;
      border-color:#f7f5f4;
    } 
    .basketcheckboxcontainer{
    line-height: 2em;
}

    
    #orderitemssubpage.showbasket #orderitemsbasket
    
    { box-shadow: 20px 4px 40px rgba(0,0,0,.25)!important;
    }
    #orderitemsbasket #orderitemsbasketbottom #orderitemscomment
    {
      background-color: #fff!important;
      color: #1c1c1c!important;
      border-color:#f7f5f4;
    } 
    /* Indkøbskurv popup - button (send) */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom #buttonsendorderitems.btn-primary {
        text-transform: uppercase;
    /* letter-spacing: 1px; */
    font-weight: 500;
    color: #fff;
    background-color: #760e50;
    border-color: #760e50;
    font-size: 16px !important;
    font-family: 'Alata', sans-serif;
    margin-top: 10px;
    padding: 8px;
     
    }
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemstoppanel #orderitemsbasket #orderitemsbasketbottom #buttonsendorderitems.btn-primary:hover {
    
    color: #fff;
    border-color: #660c45; 
    background-color: #660c45;
    }
    /*vare-billeder*/
   #orderitemsselect .item img
    {
     
    padding-top: 10px;
    padding-bottom: 20px;
    max-height: 300px;
     
}
@media (max-width: 576px){
#orderitemsselect .item img {
     
    max-height: 500px!important;
    margin-bottom: 20px;
}
.introheadertext p
    {
         font-size: 0.9em!important;
        font-family: "Alata", sans-serif;
         
    }
    
#reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary, .orderitemstotalamount
{
         font-size: 16px!important;
        
         
    }
}
.fa-calendar-alt
{
    color: #760e50;
font-weight: lighter;
padding-right: 5px;
    
}

.datepicker
{
    color: #1c1c1c;
    font-size: 14px;
    box-shadow: 20px 4px 40px rgba(0,0,0,.25)!important;
}
 .datepicker .datepicker-switch
{
     
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
}  
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
    background-color: #760e50;
}
.datepicker table tr td.active.active:hover {
    background-color: #660c45;
}
.datepicker .today {
     
    background-color: #fff!important;
    border-color: #fff!important;
    font-weight:700!important;
}
    /* Overskrifter varegrupper*/
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .collapse-button {
        text-transform: uppercase;
         
        letter-spacing: 1px;
    }
     /* Varer  */
    #orderitemsselect .item
    {
     
     margin-top: 10px;
    background-color: #fff;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    border: none!important;
}

    /* Varer - Overskrift */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .title {
       color: #760e50;
         font-family: "Alata", serif;
padding-top: 0.4em;
font-weight: 400;
         font-size: 1.2em;
         text-transform: uppercase;

         
    }

    /* Varer - beskrivelse  */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .info {
           color: #1c1c1c;
        font-weight: 400;
        font-size: 17px;
        font-family: "Alata", sans-serif;
    }

    /* Varer - +/- knapper */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .btn-primary {
    color: #ffffff;
    background-color: #660c45;
    border:none;
    font-weight: 400;
     height: 32.75px;
    font-size: 14px;
        
    }
    
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .btn-primary:hover
    {
      background-color: #660c45;
   
    
    }
    
    
     @media (max-width: 408px){
 #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .btn-primary {
    display:inline-flex!important;
    max-width: 125px;
}
         
     }
      @media (max-width: 380px){
 #reservationadmincontainer .reservation-admin #orderitemssubpage .btn-outline-primary, .orderitemstotalamount {
        font-size: 15px !important;
    }
}
         
      

    /* Varer - pris */
    #reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .price {
        color: #1c1c1c;
    font-weight: 500;
    /* width: 100%; */
    display: inline-flex;
    /* border: red solid; */
    /* width: 200px; */
    /* float: right; */
    /* text-align: right; */
    padding-left: 50px;
    font-size: 1.1em;
    margin-right: 10px;
    text-transform: uppercase;
}
    /* dropdown antal 
    
.item-timeslot-dropdown {
    width: 48%!important;
    
} */
    
/* ordre bekræftelses side */
    .admin-subpage .reservation-order-confirmation   {
         font-size: 14px!important;
        font-family: "Alata", sans-serif!important;
         color: #4a4a4a!important;
         
         padding: 1em;
    }
#adminsubpagewrapper #orderitemssubpage_ordercompleted #orderitems_confirmation .reservation-order-confirmation
   {
         font-size: 14px!important;
        font-family: "Alata", sans-serif!important;
         color: #4a4a4a!important;
                  padding: 1em;
    }
.headerrow {
     font-family: "Alata", sans-serif;
    color: #831f28!important;
}

@media (min-width: 768px){
.headerrow {
     
    font-size: larger;
}
}
    #orderitems_confirmation > div > div.items > table
    
  
    {
     
    width: 100%;
   
    }
        
  #orderitems_confirmation .reservation-order-confirmation .delivery-info   
  {
     color: #831f28;
      font-weight:bold;
      background-color:#fff;
      padding: 10px;
      border: solid 1px #831f28;
}

.hotel .hotelemail a
{
     color: #660c45;;
      text-decoration:underline;
}


.footer-dark {
    color: #FFF !important;
    background-color: #760e50;
    opacity: 1!important;
}
.footer-dark .copyright 
{
    color: #FFF !important;
    background-color: #760e50;
    opacity: 1!important;
}
@media (min-width: 991px){
#reservationadmincontainer .reservation-admin #orderitemssubpage #orderitemsselect .itemgroup .item .right .title
{
    font-size: 1.4em!important;
     }

}